<%@ page import="entity.OrderItem" %>
<%@ page import="java.util.Set" %><%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022-06-16
  Time: 9:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page import="entity.*, java.util.*" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <%
        User loginUser = (User) session.getAttribute("lu"); //与head.jsp重复定义
        Set<OrderItem> orderItems = (Set<OrderItem>) session.getAttribute("orderitem");
    %>
    <meta charset="utf-8">
    <title><%=loginUser.getUsername()%>的订单</title>
    <link rel="stylesheet" href="css/oeder.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/footer.css">
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>

</head>
</head>
<body>
<div id="app">
    <!-- 头部 -->
    <section id="header">
        <div class="container-fluid">
            <div class="header-box">
                <div class="logo"><img src="img/checkoutHeader.png"/></div>
                <div class="info">
                    <div class="user-info">
                        <ul class="user-info-ul">
                            <li><a href="">你好，admin</a></li>
                            <li><a href="">[退出]</a></li>
                            <li><a href="">订单管理</a></li>
                            <li><a href="">400-6789-888</a></li>
                            <li><a href="">在线客服</a></li>
                            <li><a href="">会员服务</a></li>
                        </ul>
                    </div>
                    <br/>
                    <div class="fuwu">
                        <ul class="user-info-ul">
                            <li>100% 正品保证</li>
                            <li> 七天无理由放心退</li>
                            <li> 限时抢购</li>
                        </ul>
                    </div>
                </div>
            </div>
            <hr style="background: #f3168a;; height: 3px;"/>
        </div>
    </section>
    <!-- 商品列表 -->
    <section id="product-list">
        <div class="product-box">
            <table class="table">
                <thead>
                <tr>
                    <th></th>
                    <th>商品</th>
                    <th style="width: ;">单价</th>
                    <th style="text-align: center;">数量</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <%for (OrderItem order : orderItems) {%>
                <tr>
                    <td><input type="checkbox" name="" id=""></td>
                    <td class="goods">
                        <div class="detail">
                            <div style="flex: 0.5;"><img
                                    src="<%=order.getProduct().getPicPath()%>"
                                    alt=""></div>
                            <div style="flex: 1;padding: 10px; padding-top: 25px;">
                                <%=order.getProduct().getInfo()%>
                            </div>
                        </div>
                    </td>
                    <td>￥<%=order.getProduct().getPrice()%>
                    </td>
                    <td class="number">
                        <%=order.getCount()%>
                    </td>
                    <td><a href="#">删除</a></td>
                </tr>

                <%}%>
                <tr>
                    <td colspan="5" style="height: 70px; border:none">
                        <button
                                class="btn btn-danger">提交订单
                        </button>
                    </td>
                    </td>

                </tr>
                </tbody>
            </table>
        </div>
    </section>
    <!-- 底部 -->
    <section id="footer">
        <div class="login-footer" style="margin-top: 60px;">
            <div>
                <img style="display:block;margin: 0 auto;"
                     src="https://shop.vipstatic.com/img/common/footer_common_20200705-hash-2a8e96cf.png" alt="">
            </div>
            <div style="display: flex; text-align: center; margin-top: 50px;">
                <div style="flex: 1;">
                    <p>服务保障</p>
                    <ul class="footer-text">
                        <li>正品保证</li>
                        <li>7天无理由放心退</li>
                        <li>7x15小时客户服务</li>
                        <li>7天无理由随心换</li>
                    </ul>
                </div>
                <div style="flex: 1;">
                    <p>服务保障</p>
                    <ul class="footer-text">
                        <li>正品保证</li>
                        <li>7天无理由放心退</li>
                        <li>7x15小时客户服务</li>
                        <li>7天无理由随心换</li>
                    </ul>
                </div>
                <div style="flex: 1;">
                    <p>服务保障</p>
                    <ul class="footer-text">
                        <li>正品保证</li>
                        <li>7天无理由放心退</li>
                        <li>7x15小时客户服务</li>
                        <li>7天无理由随心换</li>
                    </ul>
                </div>
                <div style="flex: 1;">
                    <p>服务保障</p>
                    <ul class="footer-text">
                        <li>正品保证</li>
                        <li>7天无理由放心退</li>
                        <li>7x15小时客户服务</li>
                        <li>7天无理由随心换</li>
                    </ul>
                </div>
                <div style="flex: 1;">
                    <p>服务保障</p>
                    <ul class="footer-text">
                        <li>正品保证</li>
                        <li>7天无理由放心退</li>
                        <li>7x15小时客户服务</li>
                        <li>7天无理由随心换</li>
                    </ul>
                </div>
                <div style="flex: 1;">
                    <p>服务保障</p>
                    <ul class="footer-text">
                        <li>正品保证</li>
                        <li>7天无理由放心退</li>
                        <li>7x15小时客户服务</li>
                        <li>7天无理由随心换</li>
                    </ul>
                </div>
            </div>
            <div class="txt" style="text-align: center; margin-top: 20px;">
                <p>Copyright © 2008-现在 vip.com，All Rights Reserved 使用本网站即表示接受 唯品会用户协议。版权所有 广州唯品会电子商务有限公司</p>
                <p>粤公网安备 44010302111111号 粤ICP备08114786号 增值业务经营许可证：粤B2-20170777 网络文化经营许可证：粤网文〔2021〕2056-282号</p>
                <p>经营主体证照 风险监测信息 互联网药品信息服务资格证书：（粤）-经营性-2018-0271 网络食品交易第三方平台备案凭证：粤B2-20170777 医疗器械网络交易服务第三方平台备案
                </p>
                <p>凭证：（粤）网械平台备字[2019]第00001号 出版物网络交易平台服务经营备案证：粤新出网备（2021）1号 未成年人关怀专区</p>
                <p>违法和不良信息举报电话：4006789888 算法推荐违规举报电话：4006789888</p>
            </div>

        </div>
    </section>
</div>
</body>
</html>
